<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
.con{
    width: 100%px;
    height: 40px;
    background-color:#033;
    transition-delay: 0.15s;
    /* background:#06F; */
    border-bottom: 10px solid #033;
}
.con .left{
    margin:auto;
}
.con .left li{
    width:180px;
    float:left;
    height:50px;
    line-height:50px;
    margin-right:50px;
    color:white;
    cursor:pointer;
    list-style: none;}
.box{width: 1200px;height: 300px;display: inline-block;}
.box1 img{width: 170;height: 230;display: block;float: left;border:2px solid rgb(156, 231, 156);}
.box2 p{float: center;}
.box3 img{padding: 100px;}
footer{
    width:1005%;
    height:60px;
    margin-top:100px;
    background:#033;
    color:#fff;
    text-align:center;
}
 .foot{
    width:1201px;
    height:80px;
    margin:0 auto;
    position:relative;
} 
.foot p{
    line-height:80px;
	text-align:center;
    }
</style>
<body>
    <div class="con">
        <ul class="left">
    <li><a href="shouye.html">全部</a></li>
    <li><a href="1.html">文学</a></li>
    <li><a href="#">推理/悬疑</a></li>
    <li><a href="3.html">科幻</a></li>
    </ul>
    <div class="box3"><img src="img/38.jpg" width="1200px" height="400px"></div>
    <hr/>
    <div class="box">
    <div class="box1"><img src="img/33.jpg" width="170px" height="230px"></div>
    <div class="box2">
        <h1>千魂</h1>
        <p>作者：高铭</p>
        <p>弃岛、亡灵、逃杀、诡影。一个弱者的暴力求生。一场意外的追逐杀戮。一桩阴谋的离奇真相。「生死难卜时，相信同伴还是相信自己？！」
            如果说《天才在左 疯子在右》颠覆了我们对世界的既定认知， 那么《千魂》则动摇了我们对自身记忆的深信不疑。如果说《天才在左 疯子在右
            劝诫了我们对生命的执念，那么《千魂》则怂恿了我们对死亡的视而不见。如果说《天才在左 疯子在右》释怀了我们对宿命的恐慌，那么《千魂》
            则躁动了我们对命运的随心所欲。命由天定，运由己生？《千魂》的字里行间传达更多的，是关于高铭对于过去和未来的思考，那是寄托在情节中
            的、对现在的笃定与彷徨。
            </p>
    </div>    
</div>
<div class="box">
    <div class="box1"><img src="img/32.jpg" width="170" height="230"></div>
    <div class="box2">
        <h1>新参者</h1>
        <p>作者：东野圭吾</p>
        <p>《新参者》是日本作家东野圭吾创作的长篇小说，首次出版于2009年9月。该小说讲述了日本桥刑警加贺恭一郎对
            小传马町的寡居女人三井峰子被杀案件的调查。加贺通过不断走访，对人物面对面交谈，不断解决人形町住户的
            各种琐事，并在一次次的对话与推理中找出凶手。小说既描绘了当地的市井人情，同时也在严肃冷峻的推理背后，
            书写着市井人情之中的温情善良。
            </p>
    </div>
</div>
<div class="box">
    <div class="box1"><img src="img/34.jpg" width="170" height="230"></div>
    <div class="box2">
        <h1>无人生还</h1>
        <p>作者：阿加莎.克里斯蒂</p>
        <p>十个相互陌生、身份各异的人受邀前往德文郡海岸边一座孤岛上的豪宅。客人到齐后，主人却没有出现。当晚，
            一个神秘的声音发出指控，分别说出每个人心中罪恶的秘密。接着，一位客人离奇死亡。暴风雨让小岛与世隔绝，
            《十个小士兵》——这首古老的童谣成了死亡咒语。如同歌谣中所预言的，客人一个接一个死去……杀人游戏结束后，
            竟无一人生还！
        </p>
    </div>
</div>
<div class="box">
    <div class="box1"><img src="img/27.jpg" width="170" height="230"></div>
    <div class="box2">
        <h1>恶意</h1>
        <p>作者：东野圭吾</p>
        <p>《恶意》讲述的是作家在出国前一晚被杀，警方很快锁定了凶手，但事情的真相绝非如此。其主体部分表现为第一人称不定内聚焦型
            叙述，并充分体现了内聚焦叙述的特点。故事在结尾戛然而止，使得读者不能迅速从叙事语篇的指示中心中抽离出来，这种抽离的
            缺失往往会更加引人深思，更能体会小说的主题，即人性的恶意</p>
    </div>
</div>
<div class="box">
<div class="box1"><img src="img/29.jpg" width="170" height="230"></div>
<div class="box2">
    <h1>嫌疑人X的献身</h1>
    <p>作者：东野圭吾</p>
    <p>百年一遇的数学天才石神，每天唯一的乐趣，便是去固定的便当店买午餐，只为看一眼在便当店做事的邻居靖子。靖子与女儿相依为命，
        失手杀了前来纠缠的前夫。石神提出由他料理善后。石神设了一个匪夷所思的局，令警方始终只能在外围敲敲打打，根本无法与案子沾边。
        石神究竟使用了什么手法？</p>
</div>
</div>
<div class="box">
    <div class="box1"><img src="img/30.jpg" width="170" height="230"></div>
    <div class="box2">
        <h1>假面山庄</h1>
        <p>作者：东野圭吾</p>
        <p>和往年夏天一样，森崎夫妇邀请亲友到山庄避暑。不料，平静在第二天凌晨被打破。两个持枪的男人闯入山庄，将在场八人劫持。众人不断
            设法自救：利用极短的外出时间写下求救信号，用定时器控制电闸造成短路……却都因有人暗地捣鬼而失败。第三天早上，一名人质被发现倒
            在血泊中，而凶手不可能是绑匪。众人意识到，比绑匪更可怕的人就在他们当中……</p>
    </div>
</div>
<div><a href="shouye.html">返回</a></div>
<footer>
    <div class="foot">
    <p></p>
    </div></footer>
</body>
</html>